<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<title>无标题文档</title>
	<style>
		*{
			margin: 0;
			padding: 0;
		}
		.bigbox{
			width: 1500px;
			height: 1000px;
			background-color: ghostwhite;
		}
		.menu{
			width: 1500px;
			height: 60px;
			background-color:#545652;
		}
		div.menu li{
			float: left;
			list-style-type: none;
		}
		div.menu li a{
			display: block;
			text-decoration: none;
			color :black;
			line-height: 60px;
			margin: 0 10px 0 0;
			width: 120px;
			color:darkgray;
			text-align: center;

			font-size: 25px;
		}
		div.menu li a:hover{
			color: white;
		}
		thead th{
			width: 100px;
			height: 30px;
			/*border: solid black;*/
		}

		.box{
			width: 1000px;
			height: 800px;
			margin: 30px auto;
			background-color:#ADD8E6;
			border-radius: 10px;
		}
		.a{
			margin: 30px auto;
		}
		.head{
			width: 1000px;
			height: 60px;
			margin: 20px auto;

		}
		.head p{
			width: 1200px;
			height: 60px;
			line-height: 60px;
			font-size: 40px;
			color: #3796D1;
		}
		input{
			width: 200px;
			height: 40px;
			line-height: 40px;
			margin-top: 40px;
			margin-left: 30px;
		}
		textarea{
			width: 300px;
			height: 80px;
			line-height: 80px;
			margin-top: 20px;
			margin-left: 30px;

		}
		.choice{
			margin-top: 20px;
			margin-left: 30px;
		}
		span{
			color:#00008B;
		}
		button{
			margin-top: 10px;
			margin-left: 30px;
			background-color: #3796D1;
			width: 80px;
			height: 30px;
			color: aliceblue;
			border: none;
			border-radius: 10px;
			box-shadow: 2px 2px 2px grey;
		}
	</style>
</head>

<body>
<div class="bigbox">
	<div class="menu">
		<ul>
			<li><a th:href="@{/}">主页</a></li>
			<li><a th:href="@{/movies}">电影</a></li>
			<li><a th:href="@{/directors}">导演</a></li>
			<li><a th:href="@{/performers}">演员</a></li>
			<li><a th:href="@{/box_offices}">票房情况</a></li>
			<li><a th:href="@{/evaluations}">评价</a></li>
		</ul>
	</div>
	<div class="head">
		<p>新建电影</p>
	</div>
	<div class="box">


		<div>
			<form th:action="@{/movies/save}" th:object="${movie}" method="POST">
				<input type="text" placeholder="电影名称" th:field="${movie.movie_name}">
				<br/>
				<textarea type="text" placeholder="输入电影描述" th:field="${movie.intro}"></textarea>

				<br/>

				<div class="choice">
					<span>导演：</span>
					<select th:field="*{directors}" multiple="multiple">
						<option th:each="director : ${allDirectors}"  th:value="${director.directorId}" th:text="${director.name}" ></option>
					</select>

					<span>演员：</span>
					<select th:field="*{performers}" multiple="multiple">
						<option th:each="performer: ${allPerformers}" th:value="${performer.performerId}" th:text="${performer.name}" ></option>
					</select>
				</div>
				<br/>

				<button type="submit">新建电影</button>
			</form>
		</div>
	</div>

</div>

</body>
</html>
